import Vue from 'vue'
import Router from 'vue-router'
import login from '../components/page/login.vue'
import store from '@/store'

Vue.use(Router);

export default new Router({
  mode: 'history',
  routes: [
    {
      path: '/',
      name: 'login',
      component: login
    },
    {
      path: '/login',
      name: 'login',
      component: login
    },
    {
      path: '/home',
      name: '首页',
      component: ()=> import('../components/page/home/home.vue')
    }
  ]
})

// children: [
//   {
//     path: '/sys',
//     name: '系统管理',
//     // component: { render(h){ return h('router-view')}},     这种写法会导致不同二级菜单下的三级菜单切换时的bug
//     component: ()=> import('../components/page/emptyRouterView.vue'),
//     children: [
//       {
//         path: '/user',
//         name: '用户管理',
//         component: ()=> import('page/system/user/index.vue'),
//         meta: {
//           keepAlive: true,
//           pageName: 'user-index'
//         }
//       },
//       {
//         path: '/menu',
//         name: '菜单管理',
//         component: ()=> import('page/system/menu/index.vue'),
//         meta: {
//           keepAlive: true,
//           pageName: 'menu-index'
//         }
//       },
//       {
//         path: '/role',
//         name: '角色管理',
//         component: ()=> import('page/system/role/index.vue'),
//         meta: {
//           keepAlive: true,
//           pageName: 'role-index'
//         }
//       },
//       {
//         path: '/log',
//         name: '日志管理',
//         component: ()=> import('page/system/log/index.vue'),
//         meta: {
//           keepAlive: true,
//           pageName: 'log-index'
//         }
//       },
//       {
//         path: '/dict',
//         name: '数据字典',
//         component: () => import('page/system/dict/index.vue'),
//         meta: {
//           keepAlive: true,
//           pageName: 'dict-index'
//         }
//       }
//     ]
//   },
//   {
//     path: '/study',
//     name: '学习&计划',
//     component: ()=> import('../components/page/emptyRouterView.vue'),
//     children: [
//       {
//         path: '/plan',
//         name: '学习计划',
//         component: () => import('page/study/plan/index.vue'),
//         meta: {
//           keepAlive: true,
//           pageName: 'plan-index'
//         }
//       },
//       {
//         path: '/article',
//         name: '文章创建',
//         component: () => import('page/study/article/index.vue'),
//         meta: {
//           keepAlive: true,
//           pageName: 'article-index'
//         }
//       },
//       {
//         path: '/articleDetail/:id',
//         name: '文章查看',
//         component: () => import('page/study/article/detail.vue'),
//         meta: {
//           keepAlive: false,
//           pageName: 'article-article'
//         }
//       },
//       {
//         path: '/knowledge',
//         name: '知识库',
//         component: () => import('page/study/knowledge/index.vue'),
//         meta: {
//           keepAlive: true,
//           pageName: 'knowledge-index'
//         }
//       },
//       {
//         path: '/note',
//         name: '工作笔记',
//         component: () => import('page/study/note/index.vue'),
//         meta: {
//           keepAlive: true,
//           pageName: 'note-index'
//         }
//       },
//       {
//         path: '/video',
//         name: '视频',
//         component: () => import('page/study/video/index.vue'),
//         meta: {
//           keepAlive: true,
//           pageName: 'video-index'
//         }
//       },
//       {
//         path: '/play/:id',
//         name: '视频',
//         component: () => import('page/study/play/index.vue'),
//         meta: {
//           keepAlive: false,
//           pageName: 'play-index'
//         }
//       }
//     ]
//   },
//   {
//     path: '/general',
//     name: '数据仓库',
//     component: ()=> import('../components/page/emptyRouterView.vue'),
//     children: [
//       {
//         path: '/file',
//         name: '文件',
//         component: () => import('page/general/file/index.vue'),
//         meta: {
//           keepAlive: true,
//           pageName: 'file-index'
//         }
//       }
//     ]
//   },
//   {
//     path: '/project',
//     name: '项目相关',
//     component: ()=> import('../components/page/emptyRouterView.vue'),
//     children: [
//       {
//         path: '/info',
//         name: '项目说明',
//         component: () => import('page/project/info/index.vue'),
//         meta: {
//           keepAlive: true,
//           pageName: 'info-index'
//         }
//       },
//       {
//         path: '/projectPlan',
//         name: '项目开发计划',
//         component: () => import('page/project/plan/index.vue'),
//         meta: {
//           keepAlive: true,
//           pageName: 'project-plan-index'
//         }
//       },
//       {
//         path: '/myAPI',
//         name: 'api文档',
//         component: () => import('page/project/myAPI/index.vue'),
//         meta: {
//           keepAlive: true,
//           pageName: 'my-api-index'
//         }
//       },
//       {
//         path: '/reference',
//         name: '三方参考资料',
//         component: () => import('page/project/reference/index.vue'),
//         meta: {
//           keepAlive: true,
//           pageName: 'reference-index'
//         }
//       }
//     ]
//   },
//   {
//     path: '/element',
//     name: 'Element',
//     component: ()=> import('../components/page/emptyRouterView.vue'),
//     children: [
//       {
//         path: '/icon',
//         name: 'icon',
//         component: () => import('page/element/icon/index.vue'),
//         meta: {
//           keepAlive: false,
//           pageName: 'icon-index'
//         }
//       }
//     ]
//   },
//   {
//     path: '/test',
//     name: '测试页面',
//     component: ()=> import('../components/page/emptyRouterView.vue'),
//     children: [
//       {
//         path: '/test1',
//         name: '测试1',
//         component: () => import('page/test/test1/index.vue'),
//         meta: {
//           keepAlive: false,
//           pageName: 'test1-index'
//         }
//       },{
//         path: '/test2',
//         name: '测试2',
//         component: () => import('page/test/test2/index.vue'),
//         meta: {
//           keepAlive: false,
//           pageName: 'test2-index'
//         }
//       },{
//         path: '/test3',
//         name: '测试3',
//         component: () => import('page/test/test3/index.vue'),
//         meta: {
//           keepAlive: false,
//           pageName: 'test3-index',
//           button: ['CREATE','DELETE','EDIT']
//         }
//       },
//     ]
//   },
//   {
//     path: '/plugin',
//     name: '组件测试',
//     component: { render(h){ return h('router-view')}},
//     children: [
//       {
//         path: '/map',
//         name: '百度地图',
//         component: () => import('page/plugin/baiduMap/test.vue'),
//       },
//       {
//         path: '/echarts',
//         name: 'echarts',
//         component: () => import('page/plugin/echarts/test.vue'),
//       },
//       {
//         path: '/gantt',
//         name: 'gantt',
//         component: () => import('page/plugin/gantt/index.vue'),
//         meta: {
//           keepAlive: false,
//           pageName: 'gantt-index'
//         }
//       }
//     ]
//   },
//   {
//     path: '/demo',
//     name: '组件测试',
//     component: { render(h){ return h('router-view')}},
//     children: [
//       {
//         path: '/vuex',
//         name: 'vuex',
//         component: () => import('page/demo/vuex.vue')
//       },
//       {
//         path: '/actions',
//         name: 'vuex-actions',
//         component: () => import('page/demo/actions.vue')
//       },
//       {
//         path: '/state',
//         name: 'vuex-state',
//         component: () => import('page/demo/state.vue')
//       },
//       {
//         path: '/mutations',
//         name: 'vuex-mutations',
//         component: () => import('page/demo/mutations.vue')
//       },
//       {
//         path: '/getters',
//         name: 'vuex-getters',
//         component: () => import('page/demo/getters.vue')
//       },
//       {
//         path: '/modules',
//         name: 'vuex-modules',
//         component: () => import('page/demo/modules.vue')
//       }
//     ]
//   }
// ]

